@media screen and(max-width:767px) {
    .container{
        width: 100%;
    }
}
@media screen and(min-width:768px) {
    .container{
        width:850px ;
    }
}
@media screen and(min-width:992px) {
    .container{
        width:970px ;
    }
}
@media screen and(min-width:1200px) {
    .container{
        width:1170px ;
    }
}
.navbar-default .navbar-brand{
    color: #777;
    background-color:#e7e7e7 ;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #555;
    background-color:#f8f8f8;
}
.one h1{
    margin-top: -12%;
    display: -webkit-flex; 
    flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse; 
    display: flex;
}
.one h3{
    margin-top: 0%;
    display: -webkit-flex; 
    flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse; 
    display: flex;
}
.big{
    background-color: #eee;
    padding-bottom: 4%;
}
.wz{
    padding: 2%;
    text-align: center;
}
.wzxing{
    margin-top: 5%;
}

.caption{
    text-align: center;
}
.wzq{
    color: rgb(161, 159, 3);
}
.xing{
    margin-top: 2%;
    text-align: center;
}
h2{
    margin-top: -1%;
    margin-bottom: 3%;
}
.xingbutton{
    margin-bottom: 5%;
}
.pictureone{
    padding: 0px;
    height: 180px;
}
.picturetop{
    text-align: center;
    width: 90px;
    line-height: 30px;
    height: 30px;
    margin-left: 15px;
    margin-top: -42%;
    color: rgb(253, 253, 253);
   background-color:#C2A661;
}
.xingwen{
    margin-top: 3%;
}
.footerwenzi{
    padding-left: 3%;
    margin-bottom: 0;
}
footer{
    width: 100%;
    height: 200px;
    background-color:#eee;
    color:rgb(158, 158, 157) ;
    padding-top:5%;
    // text-align: center;
}